<template>
    <div class="box">
        <headers :title="订单列表"></headers>
        <van-tabs v-model:active="active">
            <van-tab title="全部">
                <img src="../../assets/tu.png" alt="" style="width: 100%;">
                <img src="../../assets/tu.png" alt="" style="width: 100%;">
                <img src="../../assets/tu.png" alt="" style="width: 100%;">
            </van-tab>
            <van-tab title="待付款">内容 2</van-tab>
            <van-tab title="已付款">内容 3</van-tab>
            <van-tab title="待评论">内容 4</van-tab>
        </van-tabs>

    </div>
</template>

<script setup>
import { ref } from "vue";
import headers from "@/components/headers.vue";

</script>

<style lang="scss" scoped>
.box {
    width: 100%;
    height: 100%;
}
</style>